
<!DOCTYPE HTML>
<html>
<head>
<title>SicoSola-PSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="css/bootstrap.min.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<link href="css/font-awesome.css" rel="stylesheet"> 
<script src="js/jquery.min.js"> </script>
<!-- Mainly scripts -->
<script src="js/jquery.metisMenu.js"></script>
<script src="js/jquery.slimscroll.min.js"></script>
<!-- Custom and plugin javascript -->
<link href="css/custom.css" rel="stylesheet">
<script src="js/custom.js"></script>
<script src="js/screenfull.js"></script>
		<script>
		$(function () {
			$('#supported').text('Supported/allowed: ' + !!screenfull.enabled);

			if (!screenfull.enabled) {
				return false;
			}

			

			$('#toggle').click(function () {
				screenfull.toggle($('#container')[0]);
			});
			

			
		});
		</script>

<!----->

<!--pie-chart--->
<script src="js/pie-chart.js" type="text/javascript"></script>
 <script type="text/javascript">

        $(document).ready(function () {
            $('#demo-pie-1').pieChart({
                barColor: '#3bb2d0',
                trackColor: '#eee',
                lineCap: 'round',
                lineWidth: 8,
                onStep: function (from, to, percent) {
                    $(this.element).find('.pie-value').text(Math.round(percent) + '%');
                }
            });

            $('#demo-pie-2').pieChart({
                barColor: '#fbb03b',
                trackColor: '#eee',
                lineCap: 'butt',
                lineWidth: 8,
                onStep: function (from, to, percent) {
                    $(this.element).find('.pie-value').text(Math.round(percent) + '%');
                }
            });

            $('#demo-pie-3').pieChart({
                barColor: '#ed6498',
                trackColor: '#eee',
                lineCap: 'square',
                lineWidth: 8,
                onStep: function (from, to, percent) {
                    $(this.element).find('.pie-value').text(Math.round(percent) + '%');
                }
            });

           
        });

    </script>
<!--skycons-icons-->
<script src="js/skycons.js"></script>
<!--//skycons-icons-->
</head>
<body>
<div id="wrapper">

<!----->
        <nav class="navbar-default navbar-static-top" role="navigation">
             <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
               <h1> <a class="navbar-brand" href="http://www.sicosola.com/">SicoSola</a></h1>
			   </div>
			 <div class=" border-bottom">
				 <!--全屏按钮-->
        	<div class="full-left">
        	  <section class="full-top">
				<button id="toggle"><i class="fa fa-arrows-alt"></i></button>	
			</section>
				<!--搜索按钮-->
			<form class=" navbar-left-right">
              <input type="text"  value="搜索..." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '搜索...';}">
              <input type="submit" value="" class="fa fa-search">
            </form>
            <div class="clearfix"> </div>
           </div>
     
       
            <!-- Brand and toggle get grouped for better mobile display -->
		 
		   <!-- Collect the nav links, forms, and other content for toggling -->
				 <!--消息通知栏-->
		    <div class="drop-men" >
		        <ul class=" nav_1">
		    		<li class="dropdown at-drop">
		              <a href="#" class="dropdown-toggle dropdown-at " data-toggle="dropdown"><i class="fa fa-globe"></i> <span class="number">2</span></a>
		              <ul class="dropdown-menu menu1 " role="menu">
		                <li><a href="#">
		                	<div class="user-new">
		                	<p>异地登录：美国洛杉矶</p>
		                	<span>3分钟前</span>
		                	</div>
		                	<div class="user-new-left">
		                
		                	<i class="fa fa-heart"></i>
		                	</div>
		                	<div class="clearfix"> </div>
		                </a></li>
		                <li><a href="#">
		                	<div class="user-new">
		                	<p>你已经更改了你的性别</p>
		                	<span>昨天</span>
		                	</div>
		                	<div class="user-new-left">
		                
		                	<i class="fa fa-info"></i>
		                	</div>
		                	<div class="clearfix"> </div>
		                </a></li>
		                <li><a href="#" class="view">查看所有消息</a></li>
		              </ul>
		            </li>
					<!--用户头像-->
					<li class="dropdown">
		              <a href="#" class="dropdown-toggle dropdown-at" data-toggle="dropdown"><span class=" name-caret">系统管理员<i class="caret"></i></span><img src="default_head_img.jpg" width="70px" height="70px"></a>
		              <ul class="dropdown-menu " role="menu">
		                <li><a href="javascript:void (0)"><i class="fa fa-user"></i>更改信息</a></li>
		                <li><a href="javascript:void (0)"><i class="fa fa-calendar"></i>日程计划</a></li>
		                <li><a href="javascript:void (0)"><i class="fa fa-clipboard"></i>我的任务安排</a></li>
		              </ul>
		            </li>
		           
		        </ul>
		     </div><!-- /.navbar-collapse -->
			<div class="clearfix">
       
     </div>

			<!--侧边导航栏-->
		    <div class="navbar-default sidebar" role="navigation">
                <div class="sidebar-nav navbar-collapse">
                <ul class="nav" id="side-menu">
					<!--首页-->
                    <li>
                        <a href="index.html" class=" hvr-bounce-to-right"><i class="fa fa-dashboard nav_icon "></i><span class="nav-label">首页</span> </a>
                    </li>
                   <!--销售管理-->
                    <li>
                        <a href="javascript:void (0)" class=" hvr-bounce-to-right"><i class="fa fa-indent nav_icon"></i> <span class="nav-label">销售管理</span><span class="fa arrow"></span></a>
                        <ul class="nav nav-second-level">
                            <li><a href="javascript:void (0)" class=" hvr-bounce-to-right"> <i class="fa fa-area-chart nav_icon"></i>销售统计</a></li>
						    <li><a href="javascript:void (0)" class=" hvr-bounce-to-right"><i class="fa fa-file-text-o nav_icon"></i>销售功能</a></li>
					   </ul>
                    </li>
					<!--原料管理-->
					 <li>
                        <a href="javascript:void (0)" class=" hvr-bounce-to-right"><i class="fa fa-inbox nav_icon"></i> <span class="nav-label">原料管理</span> </a>
                    </li>
                    <!--生产管理-->
                    <li>
                        <a href="javascript:void (0)" class=" hvr-bounce-to-right"><i class="fa fa-picture-o nav_icon"></i> <span class="nav-label">生产管理</span> </a>
                    </li>
					<!--仓储管理-->
					<li>
						<a href="javascript:void (0)" class=" hvr-bounce-to-right"><i class="fa fa-picture-o nav_icon"></i> <span class="nav-label">仓储管理</span> </a>
					</li>
					<!--财务管理-->
                     <li>
                        <a href="javascript:void (0)" class=" hvr-bounce-to-right"><i class="fa fa-th nav_icon"></i> <span class="nav-label">财务管理</span> </a>
                    </li>
					<!--系统管理-->
					<li>
						<a href="javascript:void (0)" class=" hvr-bounce-to-right"><i class="fa fa-cog nav_icon"></i> <span class="nav-label">系统管理</span><span class="fa arrow"></span></a>
					</li>
                </ul>
            	</div>
			</div>
			</div>
		</nav>
        <div id="page-wrapper" class="gray-bg dashbard-1">
       <div class="content-main">

		   <!--路径导航-->
  		<!--banner-->	
		    <div class="banner">
		   
				<h2>
				<a href="index.html">首页</a>
				<i class="fa fa-angle-right"></i>
				<span>概览</span>
				</h2>
		    </div>
		<!--//banner-->


		<!--content-->
		<div class="content-top">
			
			
			<div class="col-md-4 ">
				<div class="content-top-1">
				<div class="col-md-6 top-content">
					<h5>已完成安排</h5>
					<label>261</label>
				</div>
				<div class="col-md-6 top-content1">	   
					<div id="demo-pie-1" class="pie-title-center" data-percent="25"> <span class="pie-value"></span> </div>
				</div>
				 <div class="clearfix"> </div>
				</div>
				<div class="content-top-1">
				<div class="col-md-6 top-content">
					<h5>指数</h5>
					<label>295</label>
				</div>
				<div class="col-md-6 top-content1">	   
					<div id="demo-pie-2" class="pie-title-center" data-percent="50"> <span class="pie-value"></span> </div>
				</div>
				 <div class="clearfix"> </div>
				</div>
			</div>


			<!--通知栏通知消息-->
			<div class="col-md-8 content-top-2 tab-content tab-content-in">
				<div class="tab-pane active text-style" id="tab1">
					<div class="inbox-right">
						<div class="mailbox-content">
							<div class="mail-toolbar clearfix">
								<div class="float-left">
									<div class="btn-group m-r-sm mail-hidden-options" style="display: inline-block;">
										<div class="btn-group">
											<a class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><i class="fa fa-folder"></i> <span class="caret"></span></a>
											<ul class="dropdown-menu dropdown-menu-right" role="menu">
												<li><a href="#">Social</a></li>
												<li><a href="#">Forums</a></li>
												<li><a href="#">Updates</a></li>

												<li><a href="#">Spam</a></li>
												<li><a href="#">Trash</a></li>

												<li><a href="#">New</a></li>
											</ul>
										</div>
										<div class="btn-group">
											<a class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><i class="fa fa-tags"></i> <span class="caret"></span></a>
											<ul class="dropdown-menu dropdown-menu-right" role="menu">
												<li><a href="#">Work</a></li>
												<li><a href="#">Family</a></li>
												<li><a href="#">Social</a></li>

												<li><a href="#">Primary</a></li>
												<li><a href="#">Promotions</a></li>
												<li><a href="#">Forums</a></li>
											</ul>
										</div>
									</div>
								</div>
								<div class="float-right">
									<div class="dropdown">
										<a href="#" title="" class="btn btn-default" data-toggle="dropdown" aria-expanded="false">
											<i class="fa fa-cog icon_8"></i>
											<i class="fa fa-chevron-down icon_8"></i>
											<div class="ripple-wrapper"></div></a>
										<ul class="dropdown-menu float-right">
											<li>
												<a href="#" title="">
													<i class="fa fa-pencil-square-o icon_9"></i>
													Edit
												</a>
											</li>
											<li>
												<a href="#" title="">
													<i class="fa fa-calendar icon_9"></i>
													Schedule
												</a>
											</li>
											<li>
												<a href="#" title="">
													<i class="fa fa-download icon_9"></i>
													Download
												</a>
											</li>

											<li>
												<a href="#" class="font-red" title="">
													<i class="fa fa-times" icon_9=""></i>
													Delete
												</a>
											</li>
										</ul>
									</div>

									<div class="btn-group">
										<a class="btn btn-default"><i class="fa fa-angle-left"></i></a>
										<a class="btn btn-default"><i class="fa fa-angle-right"></i></a>
									</div>
							</div>
						</div>

							<table class="table">
								<tbody>
								<tr class="table-row">
									<td class="table-img">
										<img src="images/in1.jpg" alt="" />
									</td>
									<td class="table-text">
										<h6>加班通知</h6>
										<p>下面通知一条关于国庆加班的消息，滚去写代码吧!</p>
									</td>
									<td>
										<span class="mar">通知</span>
									</td>
									<td class="march">
										今天 12:00
									</td>

									<td >
										<i class="fa fa-star-half-o icon-state-warning"></i>
									</td>
								</tr>
								<tr class="table-row">
									<td class="table-img">
										<img src="images/in1.jpg" alt="" />
									</td>
									<td class="table-text">
										<h6>加班通知</h6>
										<p>下面通知一条关于国庆加班的消息，滚去写代码吧!</p>
									</td>
									<td>
										<span class="mar">通知</span>
									</td>
									<td class="march">
										今天 12:00
									</td>

									<td >
										<i class="fa fa-star-half-o icon-state-warning"></i>
									</td>
								</tr>
								<tr class="table-row">
									<td class="table-img">
										<img src="images/in1.jpg" alt="" />
									</td>
									<td class="table-text">
										<h6>加班通知</h6>
										<p>下面通知一条关于国庆加班的消息，滚去写代码吧!</p>
									</td>
									<td>
										<span class="mar">通知</span>
									</td>
									<td class="march">
										今天 12:00
									</td>

									<td >
										<i class="fa fa-star-half-o icon-state-warning"></i>
									</td>
								</tr>

								</tbody>
							</table>
					</div>
				</div>
			</div>
		</div>
			<div class="clearfix"> </div>
		<!---->
	

		<div class="content-mid" style="margin-bottom: 10px;margin-top: 20px">
			
			<div class="col-md-5">
					 <div class="cal1 cal_2"><div class="clndr"><div class="clndr-controls"><div class="clndr-control-button"><p class="clndr-previous-button">previous</p></div><div class="month">July 2015</div><div class="clndr-control-button rightalign"><p class="clndr-next-button">next</p></div></div><table class="clndr-table" border="0" cellspacing="0" cellpadding="0"><thead><tr class="header-days"><td class="header-day">S</td><td class="header-day">M</td><td class="header-day">T</td><td class="header-day">W</td><td class="header-day">T</td><td class="header-day">F</td><td class="header-day">S</td></tr></thead><tbody><tr><td class="day adjacent-month last-month calendar-day-2015-06-28"><div class="day-contents">28</div></td><td class="day adjacent-month last-month calendar-day-2015-06-29"><div class="day-contents">29</div></td><td class="day adjacent-month last-month calendar-day-2015-06-30"><div class="day-contents">30</div></td><td class="day calendar-day-2015-07-01"><div class="day-contents">1</div></td><td class="day calendar-day-2015-07-02"><div class="day-contents">2</div></td><td class="day calendar-day-2015-07-03"><div class="day-contents">3</div></td><td class="day calendar-day-2015-07-04"><div class="day-contents">4</div></td></tr><tr><td class="day calendar-day-2015-07-05"><div class="day-contents">5</div></td><td class="day calendar-day-2015-07-06"><div class="day-contents">6</div></td><td class="day calendar-day-2015-07-07"><div class="day-contents">7</div></td><td class="day calendar-day-2015-07-08"><div class="day-contents">8</div></td><td class="day calendar-day-2015-07-09"><div class="day-contents">9</div></td><td class="day calendar-day-2015-07-10"><div class="day-contents">10</div></td><td class="day calendar-day-2015-07-11"><div class="day-contents">11</div></td></tr><tr><td class="day calendar-day-2015-07-12"><div class="day-contents">12</div></td><td class="day calendar-day-2015-07-13"><div class="day-contents">13</div></td><td class="day calendar-day-2015-07-14"><div class="day-contents">14</div></td><td class="day calendar-day-2015-07-15"><div class="day-contents">15</div></td><td class="day calendar-day-2015-07-16"><div class="day-contents">16</div></td><td class="day calendar-day-2015-07-17"><div class="day-contents">17</div></td><td class="day calendar-day-2015-07-18"><div class="day-contents">18</div></td></tr><tr><td class="day calendar-day-2015-07-19"><div class="day-contents">19</div></td><td class="day calendar-day-2015-07-20"><div class="day-contents">20</div></td><td class="day calendar-day-2015-07-21"><div class="day-contents">21</div></td><td class="day calendar-day-2015-07-22"><div class="day-contents">22</div></td><td class="day calendar-day-2015-07-23"><div class="day-contents">23</div></td><td class="day calendar-day-2015-07-24"><div class="day-contents">24</div></td><td class="day calendar-day-2015-07-25"><div class="day-contents">25</div></td></tr><tr><td class="day calendar-day-2015-07-26"><div class="day-contents">26</div></td><td class="day calendar-day-2015-07-27"><div class="day-contents">27</div></td><td class="day calendar-day-2015-07-28"><div class="day-contents">28</div></td><td class="day calendar-day-2015-07-29"><div class="day-contents">29</div></td><td class="day calendar-day-2015-07-30"><div class="day-contents">30</div></td><td class="day calendar-day-2015-07-31"><div class="day-contents">31</div></td><td class="day adjacent-month next-month calendar-day-2015-08-01"><div class="day-contents">1</div></td></tr></tbody></table></div></div>
			  <!----日历 -------->
			<link rel="stylesheet" href="css/clndr.css" type="text/css" />
			<script src="js/underscore-min.js" type="text/javascript"></script>
			<script src= "js/moment-2.2.1.js" type="text/javascript"></script>
			<script src="js/clndr.js" type="text/javascript"></script>
			<script src="js/site.js" type="text/javascript"></script>
			<!----End Calender -------->
			</div>
			<!--天气-->
			<div class="col-md-7">
				<div class="weather">
					<div class="weather-top">
						<div class="weather-top-left">
							<div class="degree">
								<figure class="icons">
									<canvas id="partly-cloudy-day" width="64" height="64">
									</canvas>
								</figure>
								<span>30°</span>
								<div class="clearfix"></div>
							</div>
							<script>
								var icons = new Skycons({"color": "#1ABC9C"}),
										list  = [
											"clear-night", "partly-cloudy-day",
											"partly-cloudy-night", "cloudy", "rain", "sleet", "snow", "wind",
											"fog"
										],
										i;

								for(i = list.length; i--; )
									icons.set(list[i], list[i]);

								icons.play();
							</script>
							<p>周一
								<label>3</label>
								<sup>th</sup>
								10月
							</p>
						</div>
						<div class="weather-top-right">
							<p><i class="fa fa-map-marker"></i>西昌市</p>
							<label>凉山彝族自治州</label>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="weather-bottom">
						<div class="weather-bottom1">
							<div class="weather-head">
								<h4>多云</h4>
								<figure class="icons">
									<canvas id="cloudy" width="58" height="58"></canvas>
								</figure>
								<script>
									var icons = new Skycons({"color": "#999"}),
											list  = [
												"clear-night", "cloudy",
												"partly-cloudy-night", "cloudy", "rain", "sleet", "snow", "wind",
												"fog"
											],
											i;

									for(i = list.length; i--; )
										icons.set(list[i], list[i]);

									icons.play();
								</script>
								<h6>26°</h6>
								<div class="bottom-head">
									<p>10 4</p>
									<p>周二</p>
								</div>
							</div>
						</div>
						<div class="weather-bottom1 ">
							<div class="weather-head">
								<h4>晴</h4>
								<figure class="icons">
									<canvas id="clear-day" width="58" height="58">
									</canvas>
								</figure>
								<script>
									var icons = new Skycons({"color": "#999"}),
											list  = [
												"clear-night", "clear-day",
												"partly-cloudy-night", "cloudy", "rain", "sleet", "snow", "wind",
												"fog"
											],
											i;

									for(i = list.length; i--; )
										icons.set(list[i], list[i]);

									icons.play();
								</script>
								<h6>29°</h6>
								<div class="bottom-head">
									<p>10月 5</p>
									<p>周三</p>
								</div>
							</div>
						</div>
						<div class="weather-bottom1">
							<div class="weather-head">
								<h4>小雨</h4>
								<figure class="icons">
									<canvas id="sleet" width="58" height="58">
									</canvas>
								</figure>
								<script>
									var icons = new Skycons({"color": "#999"}),
											list  = [
												"clear-night", "clear-day",
												"partly-cloudy-night", "cloudy", "rain", "sleet", "snow", "wind",
												"fog"
											],
											i;

									for(i = list.length; i--; )
										icons.set(list[i], list[i]);

									icons.play();
								</script>

								<h6>20°</h6>
								<div class="bottom-head">
									<p>10月 6</p>
									<p>周四</p>
								</div>
							</div>
						</div>
						<div class="clearfix"> </div>
					</div>

				</div>
			</div>

			<div class="clearfix"> </div>
		</div>


		<!----->

		<!--//content-->
		</div>
		   </div>
			</div>
		</div>

	 
		<!---->
<div class="copy">
            <p> &copy; 2016 SicoSola. All Rights Reserved</p>
	    </div>
		</div>
		<div class="clearfix"> </div>
       </div>
     </div>
<!---->
<!--scrolling js-->
	<script src="js/jquery.nicescroll.js"></script>
	<script src="js/scripts.js"></script>
	<!--//scrolling js-->
	<script src="js/bootstrap.min.js"> </script>
</body>
</html>

